<template>
  <div id="orderDetails">
       <el-card style="margin-top:10px">
               <el-form >
          <el-form-item label="年份：">
              <el-Radio-group v-model="RadioGroup1">
                  <el-Radio-button v-for="year in years" :label="year" :key="year">{{year}}</el-Radio-button>
                  </el-Radio-group>
          </el-form-item>

            <el-form-item label="季度：">
              <el-Radio-group v-model="RadioGroup2">
                  <el-Radio-button v-for="season in seasons" :label="season" :key="season">{{season}}</el-Radio-button>
                  </el-Radio-group>
          </el-form-item>

           <el-form-item label="月份：">
              <el-Radio-group v-model="RadioGroup3">
                  <el-Radio-button v-for="month in months" :label="month" :key="month">{{month}}</el-Radio-button>
                  </el-Radio-group>
          </el-form-item>

          <el-form-item label="其他选项：">
            <el-radio v-model="radio" label="1">顺序</el-radio>
            <el-radio v-model="radio" label="2">倒序</el-radio>
            <el-checkbox v-model="checked">按金额</el-checkbox>
             <el-checkbox v-model="checked">按时间</el-checkbox>
              <el-checkbox v-model="checked">只看会员</el-checkbox>
          </el-form-item>
      </el-form>
      </el-card>
  </div>
</template>

<script>
const yearOptions = ['全部', '2019', '2020', '2021', '2022'];
const seasonOptions = ['全部', '第一季度', '第二季度', '第三季度', '第四季度'];
const monthOptions = ['全部', '1月', '2月', '3月', '4月','5月','6月','7月','8月','9月','10月','11月','12月'];
const orderOptions = ['查看','下载', '修改','...'];
  export default {
    data () {
      return {
        RadioGroup1: ['全部'],
        RadioGroup2: ['全部'],
        RadioGroup3: ['全部'],
        RadioGroup4: ['查看'],
        years: yearOptions,
        seasons: seasonOptions,
        months: monthOptions,
        orders:orderOptions,
      };
    }
  }
</script>

<style>

</style>